html{font-size:62.5%}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{display:-ms-grid;display:grid;-ms-grid-columns:5vh 1fr 5vh;grid-template-columns:5vh 1fr 5vh;-ms-grid-rows:5vh 1fr 5vh;grid-template-rows:5vh 1fr 5vh;background-color:#dcdcdc;width:100vw;height:100vh;color:#000;overflow:hidden;font-family:futura-book;position:relative;color:#000}section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.margin-top{margin-top:5vh}.dark{background-color:#000}.light{background-color:#e1e1e1}.black{background-color:#2b2b2b}.black h1{font-size:5rem;color:#e1e1e1}.black p{color:#e1e1e1}.dots{background-image:radial-gradient(#3d3d3d 1px,transparent 1px);background-size:30px 30px;color:#dcdcdc;margin:0 5%;border-radius:0}@font-face{font-family:futura-book;src:url("../fonts/futuralt-book-webfont.woff2") format("woff2"),url("../fonts/futuralt-book-webfont.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:futurabold;src:url("../fonts/futuralt-bold-webfont.woff2") format("woff2"),url("../fonts/futuralt-bold-webfont.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}h1{font-size:5rem;font-family:futurabold}h2{font-size:2.5rem;font-family:futurabold}h3{font-size:3rem;font-family:futurabold}h4{font-size:1.5rem;font-family:futurabold}li,p,q{font-size:1.5rem}a{font-size:1.5rem;text-decoration:none;color:inherit;-webkit-transition:ease-in .2s;transition:ease-in .2s;width:100%;height:100%}a:hover{cursor:pointer}.button{font-family:futura-book;background-color:tomato;border:1px solid tomato;color:#dcdcdc;padding:15px 32px;text-align:center;margin:auto;display:block}.button{-webkit-transition-duration:.4s;transition-duration:.4s}.button:hover{background-color:transparent;color:#000;border:1px solid tomato}a,button,li,svg,ul{text-decoration:none;border:none;background:0 0;background-color:transparent;list-style:none;color:inherit}button:focus,input:focus,select:focus,textarea:focus{outline:0}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar{width:3px;background-color:transparent}::-webkit-scrollbar-thumb{background-color:#000}br{padding-top:2rem!important;text-indent:20px!important}header{-ms-grid-row:1;-ms-grid-row-span:3;grid-row:1/4;-ms-grid-column:1;-ms-grid-column-span:3;grid-column:1/4;display:-ms-grid;display:grid;-ms-grid-columns:5vh 1fr 5vh;grid-template-columns:5vh 1fr 5vh;-ms-grid-rows:5vh 1fr 5vh;grid-template-rows:5vh 1fr 5vh;overflow:hidden}header nav{-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2/3;-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/3;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;right:0;top:0;background-color:#e1e1e1;width:100%!important;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .5s ease-in;transition:-webkit-transform .5s ease-in;transition:transform .5s ease-in;transition:transform .5s ease-in,-webkit-transform .5s ease-in;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:2;overflow:hidden}header nav ul{list-style:none}header nav li{opacity:1;padding:2vh 0}header nav a{font-size:2.5rem;font-family:futurabold}header .nav-active{-webkit-transform:translateX(0)!important;transform:translateX(0)!important}header .nav-active a:hover{color:tomato}header #logo{font-family:futurabold;-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2/3;-ms-grid-column:3;-ms-grid-column-span:1;grid-column:3/4;justify-self:flex-start;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;z-index:99}header #logo a{font-size:1.5rem}main{-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2/3;-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/3;overflow-x:hidden;overflow-y:scroll;scrollbar-color:black rgba(0,0,0,0);scrollbar-width:thin}main #burger{position:absolute;cursor:pointer;right:10vh;top:50%;width:50px;height:50px;z-index:99;mix-blend-mode:difference}main #burger svg{fill:#e1e1e1;-webkit-transition:ease-in-out .4s;transition:ease-in-out .4s}main #burger:hover svg{fill:none;stroke:#e1e1e1;stroke-width:.3}main .showcase{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%;height:100%;height:80vh;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}main .showcase h1{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;-ms-grid-column-align:center;justify-self:center;z-index:1;max-width:600px;font-size:4vh;color:#000;padding-top:2rem;padding-bottom:2rem}main .showcase picture{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;margin:0 auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;justify-self:center}main .showcase img{position:relative;max-height:100%;-o-object-fit:fill;object-fit:fill;-ms-grid-column-align:center;justify-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;overflow:hidden}main .services-brief{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:5%;padding-bottom:5%}main .cards{display:-webkit-box;display:-ms-flexbox;display:flex;margin:auto;width:100%;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:auto;-ms-flex-align:auto;align-items:auto}main .cards .card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5rem;max-width:800px;-ms-flex-preferred-size:30%;flex-basis:30%}main .cards .card picture{width:300px;height:300px;border-radius:50%;overflow:hidden}main .cards .card picture img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}main .cards .card h3{padding:2rem}main .cards .card p{padding:2rem;margin-bottom:5rem}main .center{text-align:center}main .projects{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}main .projects h3{padding-bottom:10rem;padding-top:10rem}main .projects p{padding-bottom:3%}main .covers{display:-ms-grid;display:grid;-ms-grid-columns:(minmax(600px,1fr)) [auto-fill];grid-template-columns:repeat(auto-fill,minmax(600px,1fr));overflow:hidden;grid-gap:50px;padding:0;width:100%;margin:0}main .covers .cover:hover .caption{opacity:1}main .covers .caption{position:relative;display:block;bottom:calc(10px + 100px);left:50px;overflow:hidden;z-index:2;color:#e1e1e1;mix-blend-mode:difference;height:auto;-webkit-transition:1s ease-in-out;transition:1s ease-in-out;opacity:0}main .covers .cover{width:100%;height:calc(90vh - 10px);display:block;overflow:hidden;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}main .covers picture{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:calc(90vh - 10px);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}main .covers .image{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;border-style:none}main .covers a{width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex}main .cover:hover p{opacity:1}@-webkit-keyframes slidein{from{margin-top:100%}to{margin-top:0}}@keyframes slidein{from{margin-top:100%}to{margin-top:0}}.columns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%;overflow:hidden;height:100%}.column1{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:5rem}.column2{-webkit-box-flex:3;-ms-flex:3;flex:3;overflow-y:scroll;overflow-x:hidden;scrollbar-color:black rgba(0,0,0,0);scrollbar-width:thin;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.column2 picture{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.column2 img{max-height:100%;max-width:1200px;-o-object-fit:cover;object-fit:cover;-ms-grid-column-align:center;justify-self:center;overflow:hidden}footer{-ms-grid-row:3;-ms-grid-row-span:1;grid-row:3/4;-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/3;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}footer ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.contact a:hover,footer ul a :hover{fill:tomato}footer svg{width:18px;height:18px;fill:black}footer ul a{padding-right:10px}@media only screen and (max-width:1200px){body,header{-ms-grid-columns:0 1fr 0;grid-template-columns:0 1fr 0;-ms-grid-rows:5vh 1fr 10vh;grid-template-rows:5vh 1fr 10vh}body #logo,header #logo{-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2;-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/3;justify-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;-webkit-writing-mode:unset;-ms-writing-mode:unset;writing-mode:unset;z-index:99;margin-right:1rem}main .showcase h1{font-size:3vh;padding:2rem;position:absolute;left:0;width:100%;bottom:0;z-index:1;background-color:#dcdcdc}main .showcase picture{opacity:100%}main .covers{-ms-grid-columns:1fr;grid-template-columns:1fr}main .cards{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}main #burger{right:1rem}main .service-cards .card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:3rem}main .service-cards .card .img-container{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}main .service-cards .card h3{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;text-align:center}main .service-cards .card p{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}footer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:auto;text-align:center;-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset}footer .copy{display:none}footer footer ul a{padding-right:0}footer svg{width:24px;height:24px;fill:black}.project{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.project h1,.project p{padding-left:1rem;padding-right:1rem}.project h1{padding-top:5vh}.project img{padding:0;height:100vh}.project picture{height:100vh}.columns{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow-y:scroll;height:auto}.column2{overflow:hidden}.column2 picture{width:100%;height:85vh}.column2 img{max-height:100%;max-width:100%}}.service-cards .card{display:-ms-grid;display:grid;-ms-grid-columns:auto auto auto;grid-template-columns:auto auto auto;padding:6rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.service-cards .card p{padding-left:5%;padding-top:5vh;max-width:500px}.service-cards .card h3{max-width:300px;padding-left:5%;padding-top:5vh}.service-cards .card picture{width:30vh;height:30vh;border-radius:50%;overflow:hidden;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.service-cards .card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}